<template>
    <div class="grounds-refunds-delist">
       <p>申请退款</p>
        <div class="content">
            <p  class="title">{{type}}</p>
            <p>提交时间：2018-08-20 15：20：20</p>
            <p>请您耐心等待商家回复</p>
            <p  class="title">退款详情</p>
            <p>商&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;家：<span>北京微美医疗美容诊所</span></p>
            <p>订单编号：<span>10258459653</span></p>
            <p>成交时间：<span>2018-08-20 15：20：20</span></p>
            <p>商品总价：<span>¥399.00*1（数量）</span></p>
            <p>退货编号：<span>10258459653</span></p>
            <p>退货金额：<span>￥399.00</span></p>
            <p>退货原因：<span>其他</span></p>
            <p>说&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;明：<span>北京微美医疗美容诊所北京微美医疗美容诊所北京微美医疗美容诊所北京微美医疗诊所</span></p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "GroundsRefundsDelist",
        data () {
            return {
                 type:''
            }
        },
        created () {
          this.type = this.$route.query.type
        },
        methods:{

        }
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
 .grounds-refunds-delist{
     >:first-child{
         color: @theme-color-dark;
         font-size: 18px;
         border-bottom: 1px solid @theme-color-dark;
         width: 100%;
         margin-bottom: 20px;
     }
     >.content{
         padding-left: 15px;
         >.title{
             color: #333333;
             font-size: 16px;
             margin-top: 25px;
         }
         p{
             color: #666666;
             margin-bottom: 10px;
             font-size: 14px;
             span{
                 color: #333333;
                 margin-left: 10px;
             }
         }
     }
 }
</style>